@import '../../../app/@shared/styles/custom-theme.scss';

.collection {
  .select {
    ::ng-deep .devui-form-item {
      margin-left: 0px;
    }

    .form {
      display: flex;
      background: $devui-global-bg;
      margin-top: 59px;
    }

    ::ng-deep .devui-search .devui-input {
      height: 36px !important;
      width: 360px;
      font-size: 14px !important;
      color: var(--devui-input);
    }

    ::ng-deep.devui-form-sm .devui-form-horizontal .devui-form-label {
      flex: 0 0 0px;
    }

    ::ng-deep .devui-form-horizontal .devui-form-label {
      margin-left: 40px;
      padding: 10px 10px 10px 0;
      width: 52px;
      flex: 0 0 0px !important;
    }

    ::ng-deep .devui-form-horizontal .devui-form-label .devui-form-span {
      width: 42px;
      height: 16px;
      font-size: 14px;
      font-family: Microsoft YaHei, Microsoft YaHei-Normal;
      font-weight: Normal;
      text-align: LEFT;
      color: #ffffff;
      line-height: 16px !important;
    }
  }

  ::ng-deep .devui-form-horizontal .devui-form-controls {
    margin-left: 0 !important;
  }

  ::ng-deep .devui-form-group>input.devui-form-control.devui-select-input {
    height: 36px;
    width: 180px;
    border: 1px solid #4a4b52;
    border-radius: 2px;
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Normal;
    font-weight: Normal;
    text-align: LEFT;
    color: var(--devui-input);
    line-height: 20px;
  }

  ::ng-deep .devui-btn.devui-btn.devui-btn-primary {
    width: 140px;
    height: 36px;
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Normal;
    font-weight: Normal;
    text-align: CENTER;
    line-height: 14px;
  }

  ::ng-deep .devui-dropup {
    height: 36px;
    width: 180px;
  }

  .buildCollection {
    margin-left: auto;
  }

  ::ng-deep .devui-search .devui-search-clear {
    align-items: center;
  }

  ::ng-deep .devui-search .devui-search-clear.devui-clear-exit {
    display: flex !important;
  }


  ::ng-deep .devui-data-table .devui-table-view .scroll-view {
    overflow-y: auto !important;
  }

  .table {
    background-color: #000000;

    ::ng-deep .cell-placeholder {
      display: none;
    }
  }

  ::ng-deep .devui-table thead tr th .header-container {
    height: 60px;
    border-bottom: 1px solid #4a4b52;
    border-radius: 0px;
  }

  .bottom {
    min-height: 70px;
    position: relative;

    ::ng-deep .devui-pagination .devui-jump-container .devui-input {
      text-align: center;
    }
  }

  ::ng-deep .devui-table thead tr th .title {
    font-size: 14px !important;
    color: #ffffff !important;
  }

  ::ng-deep .devui-table tbody>tr>td {
    border: none !important;
  }
}
